<template>
  <div class="detail-swiper">
    <Swiper class="swipers">
      <SwiperItem   v-for="item in topImages">
        <img :src="item" alt="">
      </SwiperItem>
    </Swiper>
  </div>
</template>

<script>
  import Swiper from "@/components/common/swiper/Swiper";
  import SwiperItem from "@/components/common/swiper/SwiperItem";
  export default {
    name: "DetailSwiper",
    props:{
      topImages:{
        type:Array,
        default(){
          return []
        }
      },
      DetailInfo:{
        type:String
      }
    },
    components:{
      Swiper,
      SwiperItem
    }
    
  }
</script>

<style scoped>
.swipers{
  height: 300px;
  overflow: hidden;
}
</style>